#HTML Bold Tag in Hindi | Explore Tumblr posts and blogs

seoebook-blog · 6 years ago

Text

Search Engine Optimization (SEO) Ebook 2019 in Hindi

इस Ebook में 14 chapters दिए गए है जिनका विवरण नीचे दिया गया है।

Download SEO Ebook 2019 In Hindi

CHAPTER 1: SEARCH ENGINE • Search Engine कैसे काम करता है?

CHAPTER 2: SEARCH ENGINE OPTIMIZATION (SEO) • SEO क्या है? • SEO के प्रकार activities के आधार पर • Part Of SEO (On Page and Off Page)

CHAPTER 3: KEYWORD RESEARCH • SEO के लिए Keyword Research कैसे करें? • Niche Topic को कैसे ढू��ढे?

CHAPTER 4: LINK BUILDING • Link Building क्या है? • Link Building, SEO में महत्वपूर्ण क्यों है? • Website के लिए Link Building कैसे शुरू करें? • Links कितने प्रकार की होती है? • Link Building के सामान्य तरीके • Link Building के Advanced तरीके

CHAPTER 5: MOBILE SEO • Mobile SEO Overview • Mobile SEO क्या है? • Mobile SEO महत्वपूर्ण क्यों है? • Mobile के लिए अपनी Website को Configure कैसे करें? • Mobile Friendly Website के क्या लाभ है? • कैसे check करें कि website mobile friendly है? • Mobile SEO में सामान्य गलतिया जिनसे बचना चाहिए • Mobile website को कैसे Optimize करें?

Download SEO Ebook 2019 In Hindi

CHAPTER 6: ECOMMERCE SEO • Introduction • Organic Search Traffic क्यों महत्वपूर्ण है? • Ecommerce website के लिए Keyword Research कैसे करें? • Ecommerce website का On-Page SEO कैसे करें? • Meta Tags, URLs और Image Optimization • Ecommerce website के लिए Link Building कैसे करें?

CHAPTER 7: LOCAL SEO • Local SEO क्या है? • Local SEO के लिए website को कैसे Optimize करें?

CHAPTER 8: SEO CHECKLIST • SEO Checklist Overview • On-page SEO Checklist • Technical SEO Checklist • Off-page SEO Checklist • Local SEO Checklist • Mobile SEO Checklist • Ecommerce SEO Checklist

CHAPTER 9: SEO TOOLS • Introduction • Link Building Tools- 5 • Broken Link Checker Tools - 3 • Technical SEO Tools - 10 • SEO Audit Tools - 4 • Content Optimization Tools - 2 • Keyword Research Tools - 9 • SERP Preview Tools - 1 • Backlink Analysis - 2 • Video SEO Tools - 3

CHAPTER 10: GOOGLE SEARCH CONSOLE • Google Search Console क्या है? • Search Console उपयोग करने के फायदे

Download SEO Ebook 2019 In Hindi

CHAPTER 11: GOOGLE ALGORITHM/UPDATES • Google RankBrain क्या है? • Google Panda algorithm क्या है? • Google Penguin algorithm क्या है?

CHAPTER 12: GOOGLE RANKING FACTORS • Domain से सम्बन्धित Ranking Factors • Page से सम्बन्धित Ranking Factors

CHAPTER 13: SEO GLOSSARY (शब्दावली) • A - 8 • B - 9 • C – 14 • D – 7 • E- 3 • F – 3 • G – 12 • H – 2 • I - 5 • J - 1 • K - 4 • L - 4 • M - 4 • N - 3 • O - 4 • P - 4 • Q - 1 • R - 4 • S - 12 • T - 4 • U - 3 • V - 1 • W - 4 • X - 2 • Y - 4

CHAPTER 14: SEO FAQ • मुझे Search Engines (Google, Bing इत्यादि) में अपनी website क्यों submit करनी चाहिए? • मैं कैसे check करूँ कि मेरी website Google ने index कर ली है? • क्या Google में paid advertisement करने से SERP ranking में मदद मिलती है? • क्या User Experience एक रैंकिंग फैक्टर है? • मैं Google Algorithm Updates के बारे में कहां से जान सकता हूँ? • क्या Keywords को bold या Italic करना SEO में मदद करता है? • एक webpage पर कितने Words और Keywords का उपयोग करना चाहिए? • मुझे Subfolder या Subdomain क्या चुनना चाहिए? • एक webpage कितना fast load होना चाहिए? • क्या uppercase और lowercase URLs को Google दो अलग-अलग page count करता है? • क्या मुझे अपनी website में HTML sitemap add करना चाहिए? • क्या मुझे Internal Links पर Nofollow का उपयोग करना चाहिए? • क्या URLs में keywords होने का कोई फायदा है? • क्या मुझे Google में Ranking सुधारने के लिए link खरीदना चाहिए? • क्या मुझे User Generated Content Links पर Nofollow का उपयोग करना चाहिए? • एक webpage पर content कितने words का होना चाहिए?

Download SEO Ebook 2019 In Hindi

#seo #search engine optimization #ebooks #seo 2019

1 note · View note

blondfreeman · 6 years ago

Text

Breaking Down My Portfolio

Ni-release ko kagabi iyong portfolio ko. Sa post na 'to, gusto ko lang ikuwento iyong mga details ng paggawa ko ng portfolio na inabot ng tatlong buwan.

Design

Sa part ng design, ang goal ko ay mag-project ng playful vibes pero may seriousness. Sa pagkakakilala ko kasi sa sarili ko, mahilig ako mag-try ng bago. Sinubukan kong maghanap ng inspirations sa Dribbble, Behance, saka Pinterest, pero wala doon iyong mga type ko na designs na kaayon ng gusto kong mangyari. So ang ginawa ko, gumawa ako ng sarili kong design.

Sa buong project, ito iyong kino-consider ko na pinakamahalagang part. Kailangan kong bumuo ng brand para sa sarili ko, na kapag nakita ng mga employer, alam agad nila kung ano akong type ng employee. Being a fresh grad, wala talaga akong masyadong maipapakitang projects or anything, kaya kinailangan kong bawiin sa portfolio design iyong mga bagay na gano'n.

So para ma-convey ko iyong playful vibes, gumamit ako ng warm colors na fuschia pink or iyong close to purple na color gradients. Ang maganda rito, kasama n'ya iyong emotional connotation ng warmness at energy ng red, pero may touch of feminine vibes dahil pink. Saka bright colors ang ginamit ko, may sense of boldness din siya.

Para naman sa professional settings, pure black ang ginamit kong kulay. Pinag-isipan kong mabuti kung gagawin ko ba talaga 'to kasi masakit sa mata iyong pure black. But after testing sa iba't ibang device (sa pisonet, sa computer shop na may magandang display, sa tablet, sa phone na local, sa phone na orig) nakita ko naman na dahil hindi text-heavy iyong portfolio ko at nagre-rely ako sa images, hindi naman siya gano'n kalaking bagay. Sa katunayan, na-enhance ng black background iyong mga kulay saka iyong mga images.

In line with that professional playful vibes, ang ginamit kong font faces ay Montserrat para sa mga headings, at Barlow naman sa body copy. Makikita sa Montserrat iyong rounded na shapes ng letters, kaya iyong curviness n'ya, may playful na attitude. Meanwhile, kung mapapansin, iyong Barlow ay may square na shapes ay may vibes ng professionalism. And ang maganda rito, mukha siyang typical na font like Arial or Verdana sa normal font sizes na 16px or 12pt, pero mararamdaman mo na iba iyong font.

Para ma-boost din iyong playful na side ng personality ko, nag-rely ako sa maraming rotated na elements. Karamihan sa mga headings, ni-rotate ko nang -5 degrees. Hindi madalas gawin 'to sa Web, so sa tingin ko medyo kakaiba siya in a positive way kapag tiningnan ng recruiter.

Accessibility and Semantics

Alam n'yo namang isa sa mga malalaking pet peeves ko ay iyong accessibility ng site sa kabuuan, saka iyong semantics. Kaya pinagbuhusan ko talaga ng lakas mag-isip kung dapat ba talaga akong gumamit ng <div> instead na <section> or <article>. Pero hindi lang ako basta gumamit ng mga semantic HTML na tags. Nag-review ako ng lahat ng mga semantic tags, naghanap ng mga sagot sa StackOverflow, at nag-browse sa Reddit at Twitter kung aling tags ang puwede kong gamitin. Kaya kapag ni-inspect n'yo iyong HTML code ng site, semantically correct ito sa abot ng aking makakaya.

Sa part naman ng accessibility, pinagbuhusan ko ng time na mag-research nang maigi kung paano magiging accessible sa pinakamaraming devices hangga't posible ang site ko. Ni-research ko iyong tungkol sa source orders ng mga element, focus styles, keyboard navigations, screen readers, at iba pa. Although hindi ko pa siya nate-test as of yet, may around 85% confidence ako na accessible ang portfolio ko.

Development and Coding

Since fresh graduate nga ako, wala akong masyadong projects na puwedeng ipakita. Sa isang job interview na pinuntahan ko, in-inspect ng interviewer iyong code ng portfolio ko dati na luma 'tapos binreak down n'ya for me lahat ng puwede ko pang i-improve sa code. So this time around sinunod ko iyon, dahil itong portfolio ay isa sa mga project na puwede kong ipakita sa kanila.

So ito ang goal: gamitin ang pinakabagong technologies na available sa HTML at CSS, pero siguraduhing gagana ito sa lahat ng browsers, even sa pinakaluma. Pero wala na akong pakialam sa lahat ng versions ng Internet Explorer, that's for sure.

Ang ginawa ko is mag-rely sa error handling ng CSS, or iyong tinatawag na cascade. For example, para sa layout, una kong ginawa iyong sa mobile version. As much as possible, hindi ako gumamit dito ng CSS Grid or flexbox. Then para sa desktop layout, doon ko binonggahan ang paggamit ng mga bagong features ng CSS. Now, ang logic nito ay ganito: kung ang user ay gumagamit ng lumang browser na walang CSS Grid, gagana pa rin ang site sa browser nila, pero mobile version ang makikita nila. Sinamantala ko iyong fallbacks na ginagawa ng CSS para sa akin automatically.

Isa naman sa naging problem ko is iyong malaking Rubio sa unang part ng page. Ang ginawa ko kasi, kapag naka-mobile, nakatagilid iyon, bale ginamitan ko iyon ng writing-mode: vertical-lr;. Tapos nilagyan ko ng rotate(180deg) para umikot siya paharap sa left side. Ang hindi ko nakita ay iyong mga browsers na walang writing-mode. Dahil wala sila no'n, hindi iyon gagana. Pero magro-rotate pa rin iyong text nang 180 degrees kasi 97% ng browsers ang may transform property. Kaya ang nangyari, pa-horizontal iyong text, pero nakabaligtad vertically, sa mga browsers na luma, including iyong browser ng cellphone kong clone. Pero ang naging solusyon ko ay hinayaan ko na lang siyang gano'n. No'ng tiningnan ko kasi, hindi naman siya panget; sa katunayan, medyo inline pa rin siya doon sa playfulness na gusto kong ma-achieve so hinayaan ko na lang. Tutal, 3% lang naman ng browsers ang magkakaroon ng gano'n.

No'ng kino-code ko na iyong site, napansin ko na medyo may kulang. Kaya ang ginawa ko ay kinuha ko ang tulong ng ParticlesJS para lagyan ng sizzle ang ilang parts ng portfolio ko.

Conclusion

Inabot din ako ng tatlong buwan para matapos 'to. Well, mostly, kasi wala kaming kuryente for two months na kaya hindi ko siya matapos-tapos, unless tatiyagain mo sa pisonet. Pero other than that, naging enjoyable pero matrabaho kasi sa dami ng readings na ginawa ko saka research. Pero at least, once na nasa industry na ako, almost ready na ako for deployment! Thanks for reading!

0 notes

techguruyogi-blog · 5 years ago

Video

youtube

How to Insert Table in HTML - 24 हाउ टू इंसर्ट टेबल इन हटम्ल - 24 इस वीडियो में मैंने बताया है की कैसे आप टेबल दाल सकते हो HTML में HTML5 and CSS3 Playlist: https://goo.gl/rFNZw6 #TechGuruYogi #TechGuruHindi #htmlhindi #html html5, web design, website design, html5 template, responsive website templates, html5 video, youtube website, html css templates, responsive html template, free html templates, responsive design, html5 canvas, how to design a website, html5 features, webdesign, responsive web design, hindi website, html, w3schools html, web design, html full form, website design, html5, html tags, html5 canvas, html5 video, responsive website templates, html5 tutorial pdf, html tag, youtube website, html css templates, hindi website, html label, all html tags, html lang, how to design a website, html5 tags, use of html, about html, html5 features, w3schools html5, html wiki, html versions, html5 template, responsive web design, webdesign, html5 pdf, html tag, free html templates, responsive, html template, responsive design, javascript, html, jquery, website design, web design, html5 tutorial, css, html5 test, html5 boilerplate, how to design a website, webdesign, html5 doctype, html5 validator, youtube html5, responsive web design, html5 geolocation, what is html5, css3, hindi website, responsive design, html css templates, youtube website, free html5 templates, responsive website templates, html5 download, free html templates, responsive html template, html5 games, html5 form, html5 video tag, html5 features, html5 tags, html5 video, html5 template, html5 drag and drop, html5 canvas, html5 video, youtube html5, video player, html5 video element, html5 video support, videos html5, html5 tutorial, html5 canvas tutorial, html5 css3 tutorial, html5 animation tutorial, html5, website tutorial, javascript tutorial in hindi, web designing tutorials in hindi, web designing video tutorials in hindi, dreamweaver tutorial in hindi, website designing tutorials in hindi, web design tutorial in hindi language, web designing tutorials pdf in hindi, html tutorial, html tutorial for beginners, html tutorial video, css tutorial, html css tutorial, css video tutorial, css tutorial youtube, tutorial css, foundation css tutorial, html css video tutorial, css tutorial download, html css php tutorial, web design, web design sites, what is web designing in hindi, web design in hindi, designer web, web design video tutorial, how to learn web designing in hindi, web designing notes in hindi, web designing notes in hindi pdf, web designing course online free in urdu dailymotion, web designing pdf in hindi, Line Breaks, Paragraphs and Headers, html paragraphs, line breaks html, headers in html, html5, html, html5 in hindi, html5 tutorial in hindi, html5 tutorial, html5 video, html tags, how to use html5, how to use html tags, how to use html, html elements, html attributes, html editor, html css, html templates, How to use HTML, how to learn HTML, bold in html, itacli in html, html5 video, how to create a website in hindi, how to make website in hindi language, how to make website in hindi, how to make hindi website in html, html5 template code, beginning html5 and css3 for dummies, hindi website, java script in hindi, html5 in hindi, css website design tutorial, web designing tutorials in hindi, web design tutorial in hindi language, web designing video tutorials in hindi, create html5 website, html5 website code, html5 in hindi, html5 tutorial in hindi, html5 tutorial. by Tech Guru Yogi

#TechGuruYogi #Excel #Learn Online

0 notes

bkcomputercafe · 7 years ago

Text

HTML Table in Hindi

HTML Table Tag की पूरी जानकारी

आपने MS Word में Table बनाई होगी. और अपने Data को Tabular Format (सारणी) में सजाया होगा? और ये होना लाजमी भी है. क्योंकि MS Word में Table बनाना बहुत ही आसान है.

Word Document की तरह Webpages में भी Data और Information को Tabular Format (सारणी) में प्रस्तुत किया जाता है. जिसके लिए HTML Table का इस्तेमाल किया जाता है. HTML से HTML Table बनाना बहुत ही सरल कार्य है.

1. HTML Table का परिचय – Introduction to HTML Table in Hindi

HTML Document में Table Element द्वारा Table Define की जाती है. Opening <table>Tag द्वारा एक Table को शुरू किया जाता है. और Closing </table> Tag द्वारा Table का समापन किया जाता है.

Table द्वारा हम Data को Tabular Format में Represent करते है. इस Data में Texts, Images, Videos, Links आदि प्रकार का Data शामिल होता है. हम अपनी जरूरत के अनुसार किसी भी प्रकार क�� Data को Table में Show करा सकते है.

2. HTML Table की बनावट – Structure of an HTML Table

आप ऊपर दिए गए फोटो को देखकर जान सकते है कि एक Table में Rows, Columns और Cells होते है. ये तीन Element ही एक Table के आधार होते है.

Columns – एक Table के खडे खाने को Column कहा जाता है. एक Table में आप अपनी जरूरत के अनुसार Columns Add और Remove कर सकते है. दो खडि रेखाओं से एक Column का निर्माण होता है.

Rows – Table में आडि रेखाओं से बने खाने को Row कहा जाता है. Rows एक Column के बिल्कुल विपरित होती है. दो आडि रेखाओं से एक Row का निर्माण होता है. HTML Table में <tr> Element द्वारा Row को Define किया जाता है.

Cell – Cell का निर्माण Rows और Columns से होता है. जब Columns और Rows आपस में टकराते है. तब एक Cell का निर्माण होता है. HTML Table में Actual Data को Cells में ही Define किया जाता है. <td> Element द्वारा Table Data यानि Cell को Define किया जाता है.

3. HTML Table से संबंधित कुछ Important Tags के नाम और उनका उपयोग

Table Element से HTML Table को Define किया जाता है. लेकिन, अकेला Table Element ही एक Table नही बना सकता है. इसलिए एक पूरी Table बनाने के लिए कुछ अन्य Tags का इस्तेमाल भी किया जाता है. जिनके बारे में नीचे बताया जा रहा है:

<table> – इस Element द्वारा HTML Table को Define किया जाता है.

<tr> – इस Element का पूरा नाम Table Row है. Table Row Element से Table Rows को Define किया जाता है.

<td> – इस Element का पूरा नाम Table Data है. इसे Cell Data के नाम से भी जाना जाता है. Table Data से एक Table में Table Data को Define किया जाता है.

<th> – इस Element का पूरा नाम Table Heading होता है. इसका Use Table में Headings को Define करने के लिए किया जाता है.

<caption> – इस Element का इस्तेमाल Table Title Define करने के लिए किया जाता है.

4. एक HTML Table बनाना – Creating an HTML Table in Hindi

नीचे दिए HTML Code को Copy करके अपने नोटपैड में Paste कीजिए या फिर अपने हाथों से इस कोड को Type करके फाईल को htmltable.html नाम से Save कीजिए. और इसे Open कीजिए.

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><tr><td>Row 1, Column 1 </td><td>Row 1, Column 2 </td></tr><tr><td>Row 2, Column 1 </td><td>Row 2, Column 2 </td></tr></table></body>

</html>

जब आप ऊपर दिए कोड को Save करके अपने मन पसंद ब्राउजर में Open करेंगे तो आपके सामने कुछ इस प्रकार का परिणाम आएगा.

Row 1, Column 1Row 1, Column 2 Row 2, Column 1Row 2, Column 2

Example को समझिए

ऊपर दिए कोड से हमने एक Simple HTML Table को बनाया है. जिसमें 2 Rows और 4 Columns को Define किया गया है. Table Rows को Define करने के लिए <tr> Tag का इस्तेमाल किया गया है. और Table Rows में Data Cells को Define करने के लिए <td> Tag का इस्तेमाल किया गया है.

Note: आप एक Row में जितने Columns Define करना चाहते है. आपको उतने ही <td> Tag Define करने होंगे.

5. Table को Title (शीर्षक) देना

HTML Table का Title (शीर्षक) Define करने के लिए <caption> Element का इस्तेमाल किया जाता है. एक Table को शीर्षक देने से Table को पहचानने में आसानी रहत�� है. आप अलग-अलग प्रकार की Tables को अलग-अलग शीर्षक दे सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><caption>My First HTML Table</caption><tr><td>Row 1, Column 1 </td><td>Row 1, Column 2 </td></tr><tr><td>Row 2, Column 1 </td><td>Row 2, Column 2 </td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

My First HTML Table Row 1, Column 1Row 1, Column 2 Row 2, Column 1Row 2, Column 2

उदाहरण को समझिए

ऊपर दे गई HTML Table में हमने शीर्षक को Define किया है. इसके लिए हमने <caption>Tag का इस्तेमाल किया है. हमने इस Table को My First HTML Table शीर्षक दिया है. आप अपने अनुसार कुछ भी शीर्षक दे सकते है. शीर्षक देने के लिए <caption> Tag को <table>Tag के तुंरत बाद Define करना पडता है.

6. Table में Heading बनाना

HTML Table में Heading बनाने के लिए <th> Tag का इस्तेमाल किया जाता है. इस Element का पूरा नाम Table Heading होता है. Table में Heading में हम प्रत्येक Column को एक अलग नाम देते है. जिससे उस Column में उपलब्ध Data को पहचाना आसान हो जाता है. Table Heading By Default Bold और Center Aligned होती है. इस Setting को आप CSSके द्वारा Override भी कर सकते है.

Table Heading को अधिकतर Table की पहली Row में Define किया जाता है. आप अपने Table Data के अनुसार Headings का नाम दे सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″><caption>Heading in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Badal</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Heading in HTML Table First NameLast Name BinayBikash BivekBadal

7. Table में Border Set करना

Table में चारों तरफ Border बनाने के लिए Border Attribute का इस्तेमाल किया जाता है. यदि आप Table में Border दिखाना चाहते है, तो Value को “1” रखें. और यदि आप बॉर्डर नही दिखाना चाहते है, तो Value को “0” रखें.

Border लगाने के अलावा आप Border Color भी Set कर सकते है. Border Color Set करने के लिए bordercolor Attribute का इस्तेमाल किया जाता है. आप अपनी पसंद का Color Set कर सकते है.

Note: आप Color Set करने के लिए Color का नाम या फिर उस Color विशेष का Hex Code भी इस्तेमाल कर सकते है. पसंद आपकी है. हम आपको Hex Code का इस्तेमाल करने के लिए कहेंगे.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red”><caption>Border in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Border in HTML Table First NameLast Name BinayBikash BivekKumar

8. Table की Height और Width Set करना

Table की Height और Width Set करने के लिए height और width Attributes का इस्तेमाल किया जाता है. आप अपनी जरूरत के अनुसार Table की ऊँचाई और चौडाई बना सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” height=”200″ width=”300″><caption>Border in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Height and Width of HTML Table First NameLast Name BinayBikash BivekKumar

9. Table का Background Change करना

Table में Background Set करने के लिए दो Attributes का इस्तेमाल किया जाता है.

bgcolor – इस Attribute द्वारा आप पूरी Table या किसी Particular Cell का Background Color को Change कर सकते है.

background – इस Attribute से भी आप Table Background को Define कर सकते है. लेकिन, इसके द्वारा आप किसी Image को Table Background के रूप में इस्तेमाल कर सकते है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” height=”200″ width=”300″ bgcolor=”#FFFF66″><caption>Background in HTML Table</caption><tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Background in HTML Table First NameLast Name BinayBikash BivekKumar

10. Cellpadding और Cellspacing Attributes का इस्तेमाल करना

Table Cells और Texts के बीच खाली जगह (White Space) को Adjust करने के लिए Cellpadding और Cellspacing Attributes का उपयोग किया जाता है.

Cellpadding से Cell Border और Content के बीच की दूरी को Define किया जाता है. और Cellspacing से Cells के बीच की दूरी को Define किया जाता है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” cellpadding=”15″ cellspacing=”15″><caption>Cellpadding and Cellspacing in HTML Table<tr><th>First Name</th><th>Last Name</th></tr><tr><td>Binay</td><td>Bikash</td></tr><tr><td>Bivek</td><td>Kumar</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Cellpadding and Cellspacing in HTML Table First NameLast Name BinayBikash BivekKumar

11. Colspan और Rowspan Attributes का इस्तेमाल करना

जब हम Table में Data को एक से अधिक Rows और Columns में लिखना चाहते है, तो इसके लिए हमें colspan और rowspan Attributes का इस्तेमाल करना पडता है.

Colspan Attribute दो या अधिक Columns को Merge करके एक Column बना देता है. और Rowspan Attribute दो या अधिक Rows को Merge करके एक Row बना देता है.

इसे Try कीजिए

<!DOCTYPE html><html><head><title>HTML Table Example</title><body><table border=”1″ bordercolor=”red” width=”300″ height=”200″><caption>Colspan and Rowspan in HTML Table<tr><th>First Name</th><th>Last Name</th><th>City</th></tr><tr><td>Binay</td><td>Badal</td><td rowspan=”2″>Lakhsarai</td></tr><tr><td>Bikash</td><td>Kumar</td></tr><td colspan=”3″>Bivek</td></tr></table></body>

</html>

ऊपर दिया कोड आपको इस प्रकार का परिणाम देगा:

Colspan and Rowspan in HTML Table First NameLast NameCity BinayBadalLakhisarai BikashKumar Bivek

from Blogger http://bkcomputercafe.blogspot.com/2018/09/html-table-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes

rajantechshows · 5 years ago

Link

Friends in this video i am going to show you what is the use of Paragraph Tag in HTML and how to create your Paragraphs Tags in HTML . This video will help you excel in using Paragraph Tags along with its different attributes and Formatting the same with Bold, Underline and Italic Tags in HTML Page.

#HTML Bold Tag #HTML Underline Tag #HTML Italic Tag #HTML Paragraphs in Hindi #HTML Bold Tag in Hindi #HTML Italic Tag in Hindi

0 notes

techguruyogi-blog · 5 years ago

Link

0 notes

techguruyogi-blog · 5 years ago

Video

youtube

How to Insert Form in HTML Part 2 - 23 हाउ तो इन्सर्ट फॉर्म इन हटम्ल - पार्ट 2 - 23 इस वीडियो में मैंने बताया है की आप कैसे फॉर्म उसे कर सकते हो HTML में HTML5 and CSS3 Playlist: https://goo.gl/rFNZw6 #TechGuruYogi #TechGuruHindi #htmlhindi #html html5, web design, website design, html5 template, responsive website templates, html5 video, youtube website, html css templates, responsive html template, free html templates, responsive design, html5 canvas, how to design a website, html5 features, webdesign, responsive web design, hindi website, html, w3schools html, web design, html full form, website design, html5, html tags, html5 canvas, html5 video, responsive website templates, html5 tutorial pdf, html tag, youtube website, html css templates, hindi website, html label, all html tags, html lang, how to design a website, html5 tags, use of html, about html, html5 features, w3schools html5, html wiki, html versions, html5 template, responsive web design, webdesign, html5 pdf, html tag, free html templates, responsive, html template, responsive design, javascript, html, jquery, website design, web design, html5 tutorial, css, html5 test, html5 boilerplate, how to design a website, webdesign, html5 doctype, html5 validator, youtube html5, responsive web design, html5 geolocation, what is html5, css3, hindi website, responsive design, html css templates, youtube website, free html5 templates, responsive website templates, html5 download, free html templates, responsive html template, html5 games, html5 form, html5 video tag, html5 features, html5 tags, html5 video, html5 template, html5 drag and drop, html5 canvas, html5 video, youtube html5, video player, html5 video element, html5 video support, videos html5, html5 tutorial, html5 canvas tutorial, html5 css3 tutorial, html5 animation tutorial, html5, website tutorial, javascript tutorial in hindi, web designing tutorials in hindi, web designing video tutorials in hindi, dreamweaver tutorial in hindi, website designing tutorials in hindi, web design tutorial in hindi language, web designing tutorials pdf in hindi, html tutorial, html tutorial for beginners, html tutorial video, css tutorial, html css tutorial, css video tutorial, css tutorial youtube, tutorial css, foundation css tutorial, html css video tutorial, css tutorial download, html css php tutorial, web design, web design sites, what is web designing in hindi, web design in hindi, designer web, web design video tutorial, how to learn web designing in hindi, web designing notes in hindi, web designing notes in hindi pdf, web designing course online free in urdu dailymotion, web designing pdf in hindi, Line Breaks, Paragraphs and Headers, html paragraphs, line breaks html, headers in html, html5, html, html5 in hindi, html5 tutorial in hindi, html5 tutorial, html5 video, html tags, how to use html5, how to use html tags, how to use html, html elements, html attributes, html editor, html css, html templates, How to use HTML, how to learn HTML, bold in html, itacli in html, html5 video, how to create a website in hindi, how to make website in hindi language, how to make website in hindi, how to make hindi website in html, html5 template code, beginning html5 and css3 for dummies, hindi website, java script in hindi, html5 in hindi, css website design tutorial, web designing tutorials in hindi, web design tutorial in hindi language, web designing video tutorials in hindi, create html5 website, html5 website code, html5 in hindi, html5 tutorial in hindi, html5 tutorial. by Tech Guru Yogi

#TechGuruYogi #Excel #Learn Online

0 notes

techguruyogi-blog · 5 years ago

Link

0 notes

techguruyogi-blog · 5 years ago

Video

youtube

How to Insert Form in HTML Part 1 - 22 हाउ तो इन्सर्ट फॉर्म इन हटम्ल - पार्ट 1 - 22 इस वीडियो में मैंने बताया है की आप कैसे फॉर्म उसे कर सकते हो HTML में HTML5 and CSS3 Playlist: https://goo.gl/rFNZw6 #TechGuruYogi #TechGuruHindi #htmlhindi #html html5, web design, website design, html5 template, responsive website templates, html5 video, youtube website, html css templates, responsive html template, free html templates, responsive design, html5 canvas, how to design a website, html5 features, webdesign, responsive web design, hindi website, html, w3schools html, web design, html full form, website design, html5, html tags, html5 canvas, html5 video, responsive website templates, html5 tutorial pdf, html tag, youtube website, html css templates, hindi website, html label, all html tags, html lang, how to design a website, html5 tags, use of html, about html, html5 features, w3schools html5, html wiki, html versions, html5 template, responsive web design, webdesign, html5 pdf, html tag, free html templates, responsive, html template, responsive design, javascript, html, jquery, website design, web design, html5 tutorial, css, html5 test, html5 boilerplate, how to design a website, webdesign, html5 doctype, html5 validator, youtube html5, responsive web design, html5 geolocation, what is html5, css3, hindi website, responsive design, html css templates, youtube website, free html5 templates, responsive website templates, html5 download, free html templates, responsive html template, html5 games, html5 form, html5 video tag, html5 features, html5 tags, html5 video, html5 template, html5 drag and drop, html5 canvas, html5 video, youtube html5, video player, html5 video element, html5 video support, videos html5, html5 tutorial, html5 canvas tutorial, html5 css3 tutorial, html5 animation tutorial, html5, website tutorial, javascript tutorial in hindi, web designing tutorials in hindi, web designing video tutorials in hindi, dreamweaver tutorial in hindi, website designing tutorials in hindi, web design tutorial in hindi language, web designing tutorials pdf in hindi, html tutorial, html tutorial for beginners, html tutorial video, css tutorial, html css tutorial, css video tutorial, css tutorial youtube, tutorial css, foundation css tutorial, html css video tutorial, css tutorial download, html css php tutorial, web design, web design sites, what is web designing in hindi, web design in hindi, designer web, web design video tutorial, how to learn web designing in hindi, web designing notes in hindi, web designing notes in hindi pdf, web designing course online free in urdu dailymotion, web designing pdf in hindi, Line Breaks, Paragraphs and Headers, html paragraphs, line breaks html, headers in html, html5, html, html5 in hindi, html5 tutorial in hindi, html5 tutorial, html5 video, html tags, how to use html5, how to use html tags, how to use html, html elements, html attributes, html editor, html css, html templates, How to use HTML, how to learn HTML, bold in html, itacli in html, html5 video, how to create a website in hindi, how to make website in hindi language, how to make website in hindi, how to make hindi website in html, html5 template code, beginning html5 and css3 for dummies, hindi website, java script in hindi, html5 in hindi, css website design tutorial, web designing tutorials in hindi, web design tutorial in hindi language, web designing video tutorials in hindi, create html5 website, html5 website code, html5 in hindi, html5 tutorial in hindi, html5 tutorial. by Tech Guru Yogi

#TechGuruYogi #Excel #Learn Online

0 notes

techguruyogi-blog · 5 years ago

Link

0 notes

bkcomputercafe · 7 years ago

Text

All HTML Tags List in Hindi

सभी HTML Tags के नाम और सूची (HTML Tags List)

HTML में सैंकडों Elements है. प्रयेक HTML Elements का अपना विशेष कार्य होता है. इसलिए जैसे-जैसे Webpages में नये-नये Functions की जरूरत पडती गई वैसे-वैसे ही New HTML Tags का Development होता गया.

इस Lesson में हमने लगभग All HTML Tags के नाम और उनके उपयोग के बारे में बताया है. हमने All HTML Tags की Complete List बनाई है. HTML Tags List को हमने कई Categories में बांटा है. ताकि HTML Tags को समझने में आसानी रहे.

Complete HTML Tags List

Basic Tags

HTML Basic Tags वे Tags होते है, जो एक HTML Document की Foundation रखते है. इसलिये इन्हे Foundation Tags भी कहते है. नीचे HTML Basic Tags की List और उनके उपयोग के बारे में बताया जा रहा है.

<–…–> – यह Comment Tag है. Comment Element का उपयोग HTML Document में Comment Define करने के लिए किया जाता है.

<!DOCTYPE> – DOCTYPE Element का पूरा नाम Document Type Definition होता है. DOCTYPE Element का उपयोग Document Type को Define करने के लिए किया जाता है.

<HTML> – HTML Element एक HTML Document का Root Element होता है. इससे HTML Document को Define किया जाता है.

<Head> – Head Element द्वारा HTML Document के बारे में लिखा जाता है. यह एक Webpage का Header Section होता है. जिसमे अधिकतर Meta Information को लिखा जाता है.

<Title> – Title Element का उपयोग HTML Document का Title Define करने के लिए किया जाता है. Document Title हमें Browser Window में दिखाई देता है. Document Title को Head Element में लिखा जाता है.

<Body> – Body Element से HTML Document की Body को Define किया जाता है. Body Element में एक HTML Document का Visible Part लिखा जाता है, जो Users को दिखाई देता है.

<H1> to <H6> – ये Heading Elements है. Heading Element द्वारा HTML Document में Headings को Define किया जाता है. HTML में H1 से H6 Level तक Headings बना सकते है.

<P> – इसे Paragraph Element कहते है. इसका उपयोग HTML Document में Paragraph Define करने के लिए किया जाता है.

<Hr> – <hr> Element का पूरा नाम Horizontal Line है. Hr Element से HTML Document में Horizontal Line को Define किया जाता है.

<Br> – <br> Element का पूरा नाम Break है. Br Element का उपयोग Single Line Break देने के लिए किया जाता है. मतल�� आप एक Line को अलग-अलग Line में तोडकर लिख सकते है.

Formatting Tags

Formatting HTML Tags वे Tags होते है, जिनसे Document Text की Formatting की जाती है. मतलब आप Text को किस प्रकार दिखाना चाहते है. नीचे कुछ मुख्य Formatting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<abbr> – <abbr> Element का पूरा नाम Abbreviation होता है. Abbreviation Element से Abbreviation Define किया जाता है.

<b> – <b> Element का पूरा नाम Bold है. Bold Element से Text को Bold (गहरा) किया जाता है.

<big> – Big Element से Text को Normal Size से बडा करने के लिए किया जाता है.

<blockquote> – Blockquote Element का उपयोग Document में Text को Quote करने के लिए किया जाता है. इसका मुख्य उपयोग अन्य Source से प्राप्त Data को Quote करने के लिए होता है.

<center> – इसे Center Element कहते है. इससे किसी HTML Element की Center Position को Define किया जाता है.

<code> – Code Element से Computer Code को Define किया जाता है.

<del> – <del> Element का पूरा नाम Delete है. Delete Element से Document से Delete Text को Define किया जाता है.

<em> – <em> Element का पूरा नाम Emphasize होता है. इससे Text को Emphasized किया जाता है.

<font> – Font Element से Text का Font, Color और Size Define किया जाता है.

<i> – <i> Element का पूरा नाम Italic है. इससे Text को Italic यानि तिरछा किया जाता है.

<ins> – <ins> Element का पूरा नाम Insert है. Insert Element से Delete किए गए Text की जगह पर लिखे गए Text को Define किया जाता है.

<mark> – Mark Element से Text को Highlight किया जाता है.

<pre> – <pre> Element का पूरा नाम Preformat है. इस Element से Preformatted Text को Define किया जाता है.

<q> – <q> Element का पूरा नाम Quotation है. Quotation Element से छोटा Quotation Define किया जाता है. जैस; किसी शब्द या शब्दांश को Quote करने के लिए <q> Element का उपयोग किया जाता है.

<small> – Small Element से Text को Normal Size से छोटा दिखाने के लिए किया जाता है.

<strike> – <strike> Element का पूरा नाम Strikethrough है. Strikethrough Element से Strikethrough Text को Define किया जाता है. इससे Text के बीछ में एक Line आ जाती है.

<strong> – इससे Important Text को Define किया जाता है.

<sub> – <sub> Element का पूरा नाम Subscript होता है. <sub> Element से Text को Subscript किया जाता है.

<sup> – <sup< Element का पूरा नाम Suprescript है. इससे Text को Suprescript किया जाता है.

<u> – <u> Element का पूरा नाम Underline होता है. इस Element से Text को Underline किया जाता है. मतलब Text के नीचे एक Line आ जाती है.

Style Tags

Style Tags के द्वारा एक HTML Document की Style Information को Define किया जाता है. नीचे Style Tags के बारे में बताया जा रहा है.

Image Tags

Image Tags के द्वारा HTML Document में Image Insert करने के लिए किया जाता है. नीचे Image Tags के नाम और इनके उपयोग के बारे में बताया जा रहा है.

<img> – <img> Element का पूरा नाम Image होता है. इस Element द्वारा Document में Image को Define किया जाता है.

<map> – <map> Element से Image-Map को Define किया जाता है.

<area> – <area> Element से Image-Map में एक विशेष Area कोक Define किया जाता है.

Link Tags

Link Tags का उपयोग HTML Document में Hyperlinks बनाने और अन्य बाहरी Documents को जोडने के लिए किया जाता है. नीचे Link Tags का नाम और उनके उपयोग के बारे में बताया जा रहा है.

<a> – <a> Element का पूरा नाम Anchor है. Anchor Element का उपयोग Document में Hyperlink बनाने के लिए किया जाता है.

Section Tags

Section Tags का उपयोग एक HTML Document को विभिन्न भागों में विभाजित करने के लिए किया जाता है. नीचे कुछ Section Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<span> – <span> Element के द्वारा एक HTML Document में inline Sections बनाए जाते है. इसके द्वारा एक शब्द, Paragraph, Paragraphs का एक Section बना सकते है.

<div> – <div> Element का पूरा नाम Division है. Division Element से HTML Document में अलग-अलग Sections को Define किया जाता है.

List Tags

List Tags के द्वारा HTML Document में Lists बनाई जाती है. आप Number Lists, Bullet Lists,Order Lists, Unorder Lists और Definition Lists Create कर सकते है. नीचे Lists Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<ul> – <ul> Element का पूरा नाम Unorder List होता है. Unorder List Element द्वारा Bullet Lists या Unorder Lists बनाई जाती है.

<ol> – <ol> Element का पूरा नाम Order List होता है. Order List Element द्वारा Number या Order Lists बनाई जाती है.

<li> – <li> Element का पूरा नाम List Item होता है. List Item Element द्वारा एक List में लिखे जाने वाले Data को Define किया जाता है.

<dl> – <dl> Element का पूरा नाम Definition List होता है. Definition List Element द्वारा Definition Lists को Define किया जाता है.

<dt> – <dt> Element का पूरा नाम Definition Term होता है. Definition Term Element द्वारा Definition Term को Define किया जाता है.

<dd> – <dd> Element का पूरा नाम Definition Description होता है. Definition Description Element द्वारा Definition Terms के Description को Define किया जाता है.

Table Tags

Table Tags के द्वारा HTML Document में Table Create करने के लिए किया जाता है. Table से Data को Tabular Format में Present किया जाता है. नीचे Table Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<table> – <table> Element से Table को Define किया जाता है.

<caption> – <caption> Element का उपयोग Table Caption यानि शीर्षक Define करने के लिए किया जाता है.

<th> – &th;th> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Table Header यानि Cells को Define किया जाता है.

<tr> – <tr> Element का पूरा नाम Table Row होता है. Table Row Element द्वारा Table Row को Define किया जाता है.

<td> – <td> Element का पूरा नाम Table Data होता है. Table Data Element द्वारा Table Data को Define किया जाता है. यानि जो Data हम Table में लिखना चाहता है.

<thead> – <thead> Element का पूरा नाम Table Header होता है. Table Header Element द्वारा Header Content का Group बनाया जाता है.

<tbody> – <tbody> Element का पूरा नाम Table Body होता है. Table Body Element द्वारा Table के Body Content क�� Group किया जाता है.

<tfoot> – <tfoot> Element का पूरा नाम Table Footer होता है. Table Footer द्वारा Footer Content को Group किया जाता है.

Forms & Input Tags

Form Tags का उपयोग एक HTML Document में अलग-अलग प्रकार के Forms बनाने के लिए किया जाता है. नीचे Form Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<form> – <form> Element का उपयोग HTML Document में Form Create करने के लिए किया जाता है.

<input> – <input> Element का उपयोग HTML Form में विभिन्न प्रकार के Input Controls Create करने के लिए किया जाता है.

<textarea – <textarea> Element द्वारा Form में Text Area बनाया जाता है.

<button> – <button> Element से Form में Buttons बनाए जाते है.

<option> – <option> Element के द्वारा Drop-Down List में Options बनाने के लिए किया जाता है.

<optgroup> – <optgroup> Element का पूरा नाम Option Group होता है. इस Element द्वारा Drop-Down List मे एक प्रकार एक Options का एक Group बनाया जाता है.

<label> – <label> Element द्वारा एक Input Element के लिए Label को Define किया जाता है.

<fieldset> – <em> Element द्वारा Form में एक प्रकार के Elements का एक Group बनाया जाता है.

<legend> – <em> Element द्वारा Fieldset Element के लिए Caption या शीर्षक बनाया जाता है.

Scripting or Programming Tags

Scripting Tags द्वारा एक HTML Document में कुछ Programming Codes को लिखा जाता है. नीचे Scripting Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

Frame Tags

Frame Tags द्वारा एक HTML Document को कई Frames में बाँटा जा सकता है. मतलब एक Document को कई अलग-अलग Window बनाकर उनमे अलग-अलग Data Show करा सकते है. Frame का अब ज्यादा उपयोग नही किया जाता है. फिर भी जानकारी देने के लिए हमने Frame Tag के बारे में नीचे बताया है.

<frame> – <frame> Element के द्वारा HTML Document में Frames को Define किया जाता है.

<frameset> – <frameset> Element द्वारा एक Frameset को Define किया जाता है. Frameset को Frame Tag द्वारा अलग-अलग Rows और Columns में बाँटा जाता है.

<noframes> – <noframes> Element द्वारा उन ब्राउजरों एक लिए वैकल्पिक (Alternet) Content को लिखा जाता है, जो Frames को Support नही करते है.

Meta Tags

Meta Tags द्वारा एक Webpage के बारे में Information को लिखा जाता है. इस Information का उपयोग Search Engines द्वारा HTML Document के बारे में जानकारी लेने के लिए किया जाता है. नीचे मुख्य Meta Tags के नाम और उनके उपयोग के बारे में बताया जा रहा है.

<head< – <head> Element का पूरा नाम Header होता है. Header Element द्वारा एक Document के बारे में Information को Define किया जाता है.

<base> – <base> Element का उपयोग एक Document में Related URLs के लिए एक Base URL Define करने के लिए किया जाता है.

from Blogger http://bkcomputercafe.blogspot.com/2018/09/all-html-tags-list-in-hindi.html via IFTTT

#IFTTT #Blogger

0 notes